
<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title></title>
  <link
    href="//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600&display=swap"
    rel="stylesheet">
  <!-- Template CSS -->
  <link rel="stylesheet" href="assets/css/style-starter.css">
</head>

<body>
  <section class="w3l-header">
  		<header id="site-header" class="fixed-top">
  			<div class="container">
  				<nav class="navbar navbar-expand-lg navbar-dark stroke">
  					<h1><a class="navbar-brand" href="index.html">
  							<span class="fa fa-braille"></span> 软件协会
  						</a></h1>
  					<!-- if logo is image enable this   
  <a class="navbar-brand" href="#index.html">
      <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
  </a> -->
  					<button class="navbar-toggler  collapsed bg-gradient" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
  					 aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
  						<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
  						<span class="navbar-toggler-icon fa icon-close fa-times"></span>
  						</span>
  					</button>
  
  					<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
  						<ul class="navbar-nav ml-auto">
  							<li class="nav-item ">
  								<a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
  							</li>
  							<li class="nav-item" class="dropdown">
  								<a class="nav-link dropdown-toggle" data-toggle="dropdown">
  									关于我们<span class="fa fa-caret-down"></span>
  								</a>
  								<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1" >
  									<li role="presentation" style="width: 200px;text-align: center;">
  										<a role="menuitem" tabindex="-1" href="about.html" class="h4">社团介绍</a>
  									</li>
  									<li role="presentation" style="width: 200px;text-align: center;">
  										<a role="menuitem" tabindex="-1" href="announcement.html"class="h4"style="" >公告大厅</a>
  									</li>
  									<li role="presentation" style="width: 200px;text-align: center;">
  										<a role="menuitem" tabindex="-1" href="regulation.html" class="h4">社团规章</a>
  									</li>
  									<li role="presentation" style="width: 200px;text-align: center;">
  										<a role="menuitem" tabindex="-1" href="Fame.html" class="h4">名人堂</a>
  									</li>
  								</ul>
  							</li>
  							<li class="nav-item">
  								<a class="nav-link" href="services.html">课程</a>
  							</li>
  
  							<li class="nav-item active">
  								<a class="nav-link" href="contact.html">联系我们</a>
  							</li>
  							<!-- <li class="nav-item">
  								<a class="nav-link free-con" href="https://localhost:44345/Logins/loginTwo">登录</a>
  							</li> -->
  						</ul>
  					</div>
  					<!-- toggle switch for light and dark theme -->
  					<div class="mobile-position">
  						<nav class="navigation">
  							<div class="theme-switch-wrapper">
  								<label class="theme-switch" for="checkbox">
  									<input type="checkbox" id="checkbox">
  									<div class="mode-container py-1">
  										<i class="gg-sun"></i>
  										<i class="gg-moon"></i>
  									</div>
  								</label>
  							</div>
  						</nav>
  					</div>
  					<!-- //toggle switch for light and dark theme -->
  				</nav>
  			</div>
  		</header>
  		<!--/header-->
  	</section>
  <div class="inner-banner">
  </div>
  <section class="w3l-breadcrumb">
    <div class="container">
      <ul class="breadcrumbs-custom-path">
        <li><a href="#url">首页</a></li>
        <li class="active"><span class="fa fa-arrow-right mx-2" aria-hidden="true"></span>联系我们</li>
      </ul>
    </div>
  </section>
  <!--/contact-->
  <section class="w3l-contact-11 pt-5">
    <div class="contacts-main pt-lg-5 pt-3">
      <div class="title-content text-center">
        <h6 class="sub-titlehny">联系我们</h6>
        <h3 class="hny-title mb-0">说出你的想法</h3>
        <p class="mb-md-5 mb-4">如果你有什么建议，你可以提出，告诉我们哟</p>
    </div>
      <div class="form-41-mian section-gap mt-5">
        <div class="container">
          <div class="d-grid align-form-map">
            <div class="form-inner-cont">
              <form action="#" method="post" class="contact-form">
                <div class="form-top-left">

                  <input type="text" name="w3lName" id="w3lName" placeholder="姓名" required="">

                  <input type="email" name="w3lSender" id="w3lSender" placeholder="邮件"
                    required="">

                  <input type="text" name="w3lSubject" id="w3lName" placeholder="项目"
                    required="">

                </div>
                <div class="form-top-righ">
                  <textarea name="w3lMessage" id="w3lMessage" placeholder="请写出你的建议"
                    required=""></textarea>
                </div>
                <div class="form-submit text-right">
                    <button type="submit" class="btn btn-style btn-primary">提交建议</button>
                </div>
              </form>
            </div>
      
          </div>
        </div>
      </div>
      <div class="contant11-top-bg mt-4">
        <div class="container pb-lg-5">
          <div class="d-grid contact py-lg-5 py-4">
            <div class="contact-info-left d-grid text-left">
              <div class="contact-info">
                <span class="fa fa-map-o" aria-hidden="true"></span>
                <h4>我们的公告<a href="announcement.html">浏览更多</a></h4>
              </div>
              <div class="contact-info">
                <span class="fa fa-phone" aria-hidden="true"></span>
                <h4>联系电话：<a href="tel:+1-2345-678-11">+1-2345-678-11</a></h4>
              </div>
              <div class="contact-info">
                <span class="fa fa-envelope-o" aria-hidden="true"></span>
                <h4>邮件：<a href="mailto:incorpo@email.com" class="email">incorpo@email.com</a></h4>
              </div>
            </div>
          </div>
        </div>
      </div>
  </section>
  <!--//contact-->
  <!--//w3l-footer-29-main-->
  <footer>
  	<!-- footer -->
  	<section class="w3l-footer">
  		<div class="w3l-footer-16-main py-5">
  			<div class="container pt-lg-4">
  				<div class="row footer-border">
  					<div class="col-lg-4 col-md-5 column pr-md-0">
  						<h2><a href="index.html" class="footer-brand-logo"><span class="fa fa-braille"></span>软件协会</a></h2>
  						<ul class="mt-4 contact">
  							<li>
  								<p><span class="fa fa-phone" aria-hidden="true"></span> <a href="tel:+44-255-366-88">+44-255-366-88</a></p>
  							</li>
  							<li>
  								<p><span class="fa fa-clock-o" aria-hidden="true"></span> Mon - Sat 8.00 - 18.00</p>
  							</li>
  						</ul>
  					</div>
  
  					<div class="col-lg-4 col-md-4 col-sm-6 column mt-md-0 mt-5 pl-lg-4">
  						<h3>软件协会</h3>
  						<ul class="footer-gd-16">
  							<li><a href="index.html">首页</a></li>
  							<li><a href="about.html">关于我们</a></li>
  							<li><a href="services.html">Services</a></li>
  							<li><a href="javascript: void(0);">Blog</a></li>
  							<li><a href="contact.html">联系我们</a></li>
  						</ul>
  					</div>
  					<div class="col-lg-4 col-md-4 col-sm-6 column mt-md-0 mt-5">
  						<h3>相关链接</h3>
  						<ul class="footer-gd-16">
  							<li><a href="#url">湖南铁路科技职业技术学院</a></li>
  							<li><a href="#url">Our Branches</a></li>
  							<li><a href="#url">Latest Media</a></li>
  						</ul>
  					</div>
  				</div>
  				<div class="below-section pt-4 mt-4 text-center">
  					<div class="columns-2">
  						<ul class="social">
  							<li><a href="#facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
  							</li>
  							<li><a href="#linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
  							</li>
  							<li><a href="#twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
  							</li>
  							<li><a href="#google"><span class="fa fa-google-plus" aria-hidden="true"></span></a>
  							</li>
  							<li><a href="#github"><span class="fa fa-github" aria-hidden="true"></span></a>
  							</li>
  						</ul>
  					</div>
  					<div class="columns mt-3">
  						<p>
  							&copy; 2021 湖南铁路科技职业技术学院软件协会官网. 保留所有权利 | 设计者 
  							<span><code>许啸宇</code></span><code>刘昉</code><code>孙昊哲</code><code>王琪</code>
  						</p>
  					</div>
  				</div>
  			</div>
  		</div>
  
  		<!-- move top -->
  		<button onclick="topFunction()" id="movetop" title="Go to top">
  			<span class="fa fa-angle-up"></span>
  		</button>
  		<script>
  			// When the user scrolls down 20px from the top of the document, show the button
  			window.onscroll = function() {
  				scrollFunction()
  			};
  
  			function scrollFunction() {
  				if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  					document.getElementById("movetop").style.display = "block";
  				} else {
  					document.getElementById("movetop").style.display = "none";
  				}
  			}
  
  			// When the user clicks on the button, scroll to the top of the document
  			function topFunction() {
  				document.body.scrollTop = 0;
  				document.documentElement.scrollTop = 0;
  			}
  		</script>
  		<!-- //move top -->
  		<script>
  			$(function() {
  				$('.navbar-toggler').click(function() {
  					$('body').toggleClass('noscroll');
  				})
  			});
  		</script>
  	</section>
  	<!-- //footer -->
  </footer>
  
  <!-- Template JavaScript -->
  <script src="assets/js/jquery-3.3.1.min.js"></script>

  <script src="assets/js/theme-change.js"></script>
  <!--/MENU-JS-->
  <script>
    $(window).on("scroll", function () {
      var scroll = $(window).scrollTop();

      if (scroll >= 80) {
        $("#site-header").addClass("nav-fixed");
      } else {
        $("#site-header").removeClass("nav-fixed");
      }
    });

    //Main navigation Active Class Add Remove
    $(".navbar-toggler").on("click", function () {
      $("header").toggleClass("active");
    });
    $(document).on("ready", function () {
      if ($(window).width() > 991) {
        $("header").removeClass("active");
      }
      $(window).on("resize", function () {
        if ($(window).width() > 991) {
          $("header").removeClass("active");
        }
      });
    });
  </script>
  <!--//MENU-JS-->

  <script src="assets/js/bootstrap.min.js"></script>

</body>

</html>